<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<div id="div" class="box"></div>

		<script>
			const div = document.querySelector('#div')

			// 添加一个处理程序
			div.addEventListener('click', () => {}, {
				once: true, // 事件触发后自动删除监听器
				passive: true, // 处理程序将不会调用 preventDefault() 阻止默认行为
			})

			// 移除一个处理程序
			div.removeEventListener('click', fn)
			function fn() {}
		</script>
	</body>
</html>
